<!DOCTYPE html>
<html>
    <head>
        <title>TODO supply a title</title>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <script src="./dist/avalon.js"></script>
        <script>
          var vm = avalon.define({
            $id: 'duplex1',
            aaa: 12345,
            bbb: '123a',
            ccc: 'true',
            ddd: true

        })
        </script>
        <style>
            .ms-controller{
                display:none;
            }
        </style>
    </head>
    <body>

 <div ms-controller='duplex1' >
             <input ms-duplex-string='@aaa|limitBy(4)'><span>{{@aaa}}</span>
           
             </div>
    </body>
</html>
